<template>
    <div class="" >
        <div v-if="data.is_thumb" :style="{
                
                borderRight:data.left_img_border,
                marginRight:data.left_img_right+'px',
               lineHeight:(data.height+10)+'px',
                width:data.left_width+'px',
                float: 'left'
            }">
           <!-- <view>商城</view> -->
                <img :src="data.thumb" :style="{
                    width:data.thumb_size+'px',
                    height:data.thumb_size+'px',
                    }" />
        </div>
        
        <div  :style="{fontSize:data.right_size+'px',color:data.title_color,paddingLeft:data.left_img_right+'px',paddingRight:data.left_img_right+'px',lineHeight:data.height+'px',float: 'left'}">
            {{data.title}}
        </div>
        <div  :style="{fontSize:data.v_right_size+'px',color:data.v_title_color,lineHeight:data.height+'px',float: data.is_button?'left':''}">
            {{data.v_title}}
        </div>
         <div v-if="data.is_button" :style="{fontSize:data.b_right_size+'px',color:data.b_title_color,lineHeight:data.height+'px',textAlign: 'right',paddingRight:'5px'}">
            {{data.b_title}}<i  :style="{fontSize:(data.b_right_size+4)+'px',color:data.icon_color}" :class="data.icon"/>
        </div>
    </div>
</template>

<script>
 export default {
    props:['data'],
    name: 'ItemMaintitle',
    data(){
        return{
        }
    }
}
</script>

<style >
	
    .gonggao {   
        display: flex;
    }
	.lunbo_notic {
	    width: 80%;
        line-height: 35px;
	}
    .gg_zuo{
        position: relative
    }
	.gg_zuo img{
	    position: absolute;
        top:50%;
        transform: translateY(-50%)
	}
 
</style>
